* {
  box-sizing: border-box;
}
html,
body {
  height: 100vh;
  font-size: 10px;
  padding: 0;
  margin: 0;
  min-height: 100%;
  color: #fff;
  background: #071824;
  // background: linear-gradient(180deg, #0c2b4f 0%, #164b89 50%, #0c2b4f 100%);
  font-family: "Microsoft Yahei";
  --max-width: 1920px;
  --max-height: 1080px;
}
#app {
  height: 100%;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@font-face {
  font-family: "HuXiaoBoNanShenTi";
  src: url("./HuXiaoBoNanShenTi-2.otf");
}
#app-wrapper {
  width: var(--max-width);
  height: var(--max-height);
  margin: 0 auto;
  position: relative;
}
.app-wrapper {
  font-size: 1.4rem;
}
.layout {
  height: 100%;
}
.page-wrapper {
  width: 100%;
  position: relative;
  height: 100%;
}
